<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>模态窗体</title>
    <link rel="stylesheet" href="../../vendor/boostrap/css/bootstrap.css">
</head>
<body>

<div class="container">
    <div class="btn-group">
        <button class="btn btn-success" id="btnAdd">添加</button>
        <button class="btn btn-warning">修改</button>
        <button class="btn btn-danger">删除</button>
    </div>
    <table class="table table-bordered table-striped table-hover">

        <thead>
        <tr>
            <th>编号</th>
            <th>姓名</th>
            <th>学校</th>
            <th>操作</th>
        </tr>
        </thead>
        <tbody>

        <tr>
            <td>1</td>
            <td>Mary</td>
            <td>山东科技大学</td>
            <td>
                <button class="btn btn-info">查看</button>
            </td>
        </tr>
        <tr>
            <td>2</td>
            <td>Mat</td>
            <td>天津仁爱大学</td>
            <td><button class="btn btn-danger">删除</button></td>
        </tr>
        <tr>
            <td>3</td>
            <td>Mat</td>
            <td>天津仁爱大学</td>
            <td><button class="btn btn-success"><span class="glyphicon glyphicon-search" ></span>提交</button></td>
        </tr>
        </tbody>
    </table>
</div>
<!--外三层，内三层-->
<div class="modal fade" id="info">
    <div class="modal-dialog">

        <div class="modal-content">

            <div class="modal-header">
                添加学员
            </div>

            <div class="modal-body">
                <form class="form-horizontal">
                    <div class="form-group">
                        <label class="col-md-3 control-label">学员姓名</label>
                        <div class="col-md-9">
                            <input class="form-control"/>
                        </div>
                    </div>

                </form>
            </div>

            <div class="modal-footer">
                <div class="btn-group">
                  <button type="button" class="btn btn-success">提交</button>
                    <button type="button" class="btn btn-warning">取消</button>

                </div>
            </div>

        </div>

    </div>

</div>

</body>
<script src="../../vendor/jquery.js"></script>
<script src="../../vendor/boostrap/js/bootstrap.js"></script>
<script src="js/modal.js"></script>

</html>